<template>
    <div>
        <div class="tou">
               <div class="quancheng">全城 <span></span></div>
               <div class="quancheng">品牌 <span></span></div>
               <div class="quancheng">特色<span></span></div>
        </div>

       <div v-html="yingyuan" class="aps">
        </div> 
        
    </div>
    
</template>
<script>

import axios from 'axios'

export default {
    name:"Yingyuan",
    // props:["yingyuan"],
    data() {
        return {
            yingyuan:'',
        }
    },
    components:{

    },
    mounted(){
        axios.get("/ajax/moreCinemas?day=2021-09-23&offset=0&limit=20&districtId=-1&lineId=-1&hallType=-1&brandId=-1&serviceId=-1&areaId=-1&stationId=-1&item=&updateShowDay=true&reqId=1632359823128&cityId=30&optimus_uuid=01897B9016E211ECAEE8095897369734C05BB838D86B4A49BCA364C679163512&optimus_risk_level=71&optimus_code=10").then((res)=>{
            console.log(res);
            this.yingyuan=res.data;
        })
    }

}
</script>
<style>
.tou{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
    position: relative;
    top: 55px;
    text-align: center;
    display: flex;
    line-height: 40px;
    font-size: 15px;
}
.quancheng{
    width: 33.2%;
    border-right:1px solid orange ;
    
}
.quancheng span{
    display: inline-block;
    position: absolute;
    top: 18px;
    width: 0;
    height: 0;
    margin-left: 4px;
    border: 4px solid transparent;
    border-top-color: #b0b0b0;
}
.quancheng:last-child {
  border-right: none;
}
.tou {
  border-left: none;
  border-right: none;
}
.aps{
    padding-top: 55px;
}
.content .mb-line-b{
    width: 97%;
    height: 130px;
    margin-left: 5px;
    /* margin-top: 10px; */
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}
 .mb-line-b div{
     margin-top: 7px;
 }

.content .line-ellipsis span{
    font-size: 16px;
    font-weight:bolder;
    color: black;
}
.content .price-block span{
    color: red;
}
.content .line-ellipsis{
    width: 300px;
    overflow: hidden;
    /* font-size: 15px; */
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    float: left;
}
.content .distance{
    width: 50px;
    margin-left: 10px;
    float: left;
}
.content .label-block{
    width: 300px;
    color: #589DAF;
    font-size: 12px;
    display: flex
    
}

.label-block div{
    border: 1px solid #589DAF;
    margin-left: 5px;
     text-align: center;
}
.label-block div:nth-child(1){
    margin-left: 0;
    /* width: 25px; */
     text-align: center;
}
.label-block div.snack,div.vipTag{
       color: #f90;
       text-align: center;
    border: 1px solid #f90
}
.card img{
    width: 20px;
    height: 20px;
    float: left;
}
.discount-label-text{
    padding-left: 30px;
    color: #ccc;
   

}
</style>